<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米轮播图</title>
	<link rel="stylesheet" href="./css/main.css">
	<script src="./js/main.js"></script>
</head>
<body>
	<div id="banner">
		<ul class="imglist">
			<li class="item"><img src="./images/1.jpg" alt=""></li>
			<li class="item"><img src="./images/2.jpg" alt=""></li>
			<li class="item"><img src="./images/3.jpg" alt=""></li>
			<li class="item"><img src="./images/4.jpg" alt=""></li>
			<li class="item show"><img src="./images/5.jpg" alt=""></li>
		</ul>
		<div class="left_click" id="left_click"></div>
		<div class="right_click" id="right_click"></div>
		<ul class="click_list">
			<li class="click_item"></li>
			<li class="click_item"></li>
			<li class="click_item"></li>
			<li class="click_item"></li>
			<li class="click_item"></li>
		</ul>
	</div>
</body>
</html>